<html th:fragment="recent" xmlns:th="http://www.w3.org/1999/xhtml">
<template id="recent">
    <div>
        <p-card>
            <p slot="title">
                最近操作
            </p>
            <span v-if="isNull">无操作记录</span>
            <p-form v-if="!isNull" ref="formValidate" :model="formValidate" :label-width="80">
                <p-row>
                    <p-col span="8">
                        <p-form-item label="应用名称" prop="appName">
                            <p-input v-model="deployVo.nickname" readonly placeholder="应用名称"></p-input>
                        </p-form-item>
                    </p-col>
                </p-row>

                <p-row>
                    <p-col span="8">
                        <p-form-item label="Git地址" prop="gitUrl">
                            <p-input v-model="deployVo.gitUrl" readonly placeholder="请输入Git地址"></p-input>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="分支" prop="branchName">
                            <p-input v-model="deployVo.branchName" readonly placeholder="请输入分支"></p-input>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="编译参数" prop="params">
                            <p-input v-model="deployVo.params" readonly placeholder="请输入编译参数"></p-input>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="分组" prop="appName">
                            <p-tag v-for="item in groupList" checkable :color="item.color">{{item.nickname}}</p-tag>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="创建时间" prop="created">
                            <p-input v-model="deployVo.created" readonly></p-input>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="修改时间" prop="modified">
                            <p-input v-model="deployVo.modified" readonly></p-input>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="编译进度">
                            <p-progress :percent="deployVo.complieStatusMsg.num"
                                        :status="deployVo.complieStatusMsg.value">
                                <span>{{deployVo.complieStatusMsg.label}}</span>
                            </p-progress>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="构建进度">
                            <p-progress :percent="deployVo.imgStatusMsg.num"
                                        :status="deployVo.imgStatusMsg.value">
                                <span>{{deployVo.imgStatusMsg.label}}</span>
                            </p-progress>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="8">
                        <p-form-item label="部署进度">
                            <p-progress :percent="deployVo.deployStatusMsg.num"
                                        :status="deployVo.deployStatusMsg.value">
                                <span>{{deployVo.deployStatusMsg.label}}</span>
                            </p-progress>
                        </p-form-item>
                    </p-col>
                </p-row>
                <p-row>
                    <p-col span="2" offset="1">
                        <p-form-item>
                            <p-button type="primary" @click="toUpdate">去更新</p-button>
                        </p-form-item>
                    </p-col>
                    <p-col span="2" offset="-1">
                        <p-form-item>
                            <p-button type="error" @click="toStop">终止</p-button>
                        </p-form-item>
                    </p-col>
                </p-row>
            </p-form>
        </p-card>
    </div>
</template>
<script type="text/javascript" src="/js/recent-component.js"></script>
</html>
